<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<title>DSS首页</title>
		<link rel="stylesheet" type="text/css" href="assets/css/comm.css" />
		<link rel="stylesheet" type="text/css" href="assets/js/src/css/layui.css" />
		<link rel="stylesheet" type="text/css" href="assets/css/navigation.css" />
		<link rel="stylesheet" type="text/css" href="assets/css/DSS-index.css" />
	</head>

	<body>
		<div class="container">
			<div class="navigation before">
			</div>
			<div class="content">
				<header class="">
					<div class="left">
						<h1>DSS首页</h1>
					</div>
					<div class="right">
						<div class="search">
							<div class="year">
								<p>时间：</p>
								<input type="text" name="" id="year" value="" />
							</div>
							<div class="section">
								<p>部门：</p>
								<div class="sector">
									<div class="">
										<span></span>
									</div>
								</div>
								<div class="options">
									<div class="all">
										<i></i>
										<p>全所</p>
									</div>
								</div>
							</div>
						</div>
						<time></time>
						<div class="menu">
							<a class="goBack" href="javascript:goFront();">前往后台</a>
							<div class="user">
								<p>A</p>
								<div class="">
									<a href="change-password.html">修改密码</a>
									<a href="login.html">退出登录</a>
								</div>
							</div>
						</div>
					</div>
				</header>
				<div class="wrapper">
					<div class="DDSindex-con" style="margin-bottom: 16px;">
						<div class="DDSindex-item" id="shouzhi">
							<div class="item-name">
								<h2>全所收支累计情况</h2>
								<a href="projectRevenueExpenditure.html">
									<img style="width: 18px;height: 18px;" src="assets/images/index/icon_arrow@2x.png"
										alt="类别对比">
								</a>

							</div>
							<div class="item-con">
								<div class="con-left">
									<div>
										<span class="name">本年项目收款</span>
										<p class="danwei"> <span class="benyueshoukuan"> </span> 万元 </p>
										<!-- <div class="than" id="than">
											<div class="name-bg_down">
												<span>&#9660;</span> <span class="lastmonth-shoukuan"> </span>
											</div>
											较上月
										</div> -->
										<div class="monthNum monthNum0">
											<!-- <div class="">
												<h4>上月：</h4>
												<p>213123<span> 万元</span></p>
											</div>
											<div class="">
												<h4>本月：</h4>
												<p>213123<span> 万元</span></p>
											</div> -->
										</div>
									</div>
									<p style="margin: 0 20px; height: 1px; background-color: #E5E6EB;"></p>
									<div>
										<span class="name">本年成本支出</span>
										<p class="danwei"> <span class="benyuezhichu"> </span> 万元 </p>
										<!-- <div class="than" id="than0">
											<div class="name-bg_up">
												<span>&#9650</span> <span class="lastmonth-zhichu"> </span>
											</div>
											较上月
										</div> -->
										<div class="monthNum monthNum1">
											<!-- <div class="">
												<h4>上月：</h4>
												<p>213123<span> 万元</span></p>
											</div>
											<div class="">
												<h4>本月：</h4>
												<p>213123<span> 万元</span></p>
											</div> -->
										</div>
									</div>
								</div>
								<!-- chart1 -->
								<div class="con-right" id="shuzhileiji"></div>
							</div>

						</div>
						<div class="DDSindex-item" style="margin-right: 0;" id="xiangmu">
							<div class="item-name">
								<h2>全所项目预算执行累计情况</h2>
								<a href="projectBudget.html">
									<img style="width: 18px;height: 18px;" src="assets/images/index/icon_arrow@2x.png"
										alt="类别对比">
								</a>

							</div>
							<div class="yusuan-item">
								<div style="margin-left: 0;">
									<span class="name">本年项目收款</span>
									<p class="danwei"> <span class="ProjectCollectionOfMonth"> </span> 万元 </p>
									<div class="than" id="than1">
										<!-- <div class="name-bg_down">
                    <span>&#9660;</span> <span>2.8%</span>
                  </div>
                  较上月 -->
									</div>
								</div>
								<div>
									<span class="name">本年预算</span>
									<p class="danwei"> <span class="BudgetOfMonth"> </span> 万元 </p>
									<div class="than" id="than2">
										<!-- <div class="name-bg_down">
                    <span>&#9660;</span> <span>2.8%</span>
                  </div>
                  较上月 -->
									</div>
								</div>
								<div style="border: none;">
									<span class="name">本年成本支出</span>
									<p class="danwei"> <span class="CostExpenditureOfMonth"> </span> 万元 </p>
									<div class="than" id="than3">
										<!-- <div class="name-bg_down">
                    <span>&#9660;</span><span>2.8%</span>
                  </div>
                  较上月 -->
									</div>
								</div>
							</div>
							<!-- chart2 -->
							<div class="yusuan-chart" id="yusuan-chart"></div>
						</div>
					</div>
					<div class="DDSindex-con">
						<div class="DDSindex-item" id="zhichuzucheng">
							<div class="item-name">
								<h2>全所支出组成情况</h2>
								<a href="sector-spend.html">
									<img style="width: 18px;height: 18px;" src="assets/images/index/icon_arrow@2x.png"
										alt="类别对比">
								</a>

							</div>
							<div class="item-con">
								<div class="zhichu-chart">
									<div id="zhichu-chart" style="width: 100%; height: 100%;"></div>
								</div>
								<div class="zhichu-con">
									<div class="jianjie-all">
										<div>
											<span class="name">本月支出总额</span>
											<p class="danwei"> <span class="benyueyusuan"> </span> 万元 </p>
											<div class="than" id="than4">
												<!-- <div class="name-bg_down">
                        <span>&#9660;</span> <span class="lastmonth-yusuan"> </span>
                      </div>
                      较上月 -->
											</div>
										</div>
									</div>
									<div class="zhichu-item">
										<div>
											<div class="list-item-name">
												<div class="legend" style="background-color:#165DFF ;"></div>
												<span>纵向开支</span>
											</div>
											<div class="list-item-num">
												<p class="zongxiang"></p>
												<span class="zongxiangNum"> </span>
											</div>
										</div>
										<div>
											<div class="list-item-name">
												<div class="legend" style="background-color:#50CD89 ;"></div>
												<span>部门研制费</span>
											</div>
											<div class="list-item-num">
												<p class="yanzhi"> </p>
												<span class="yanzhiNum"> </span>
											</div>
										</div>
										<!-- <div>
											<div class="list-item-name">
												<div class="legend" style="background-color:#722ED1 ;"></div>
												<span>部门工资</span>
											</div>
											<div class="list-item-num">
												<p class="gongzi"> </p>
												<span class="gongziNum"> </span>
											</div>
										</div> -->
										<div>
											<div class="list-item-name">
												<div class="legend" style="background-color:#FD7E14 ;"></div>
												<span>横向开支</span>
											</div>
											<div class="list-item-num">
												<p class="hengxiang"> </p>
												<span class="hengxiangNum"> </span>
											</div>
										</div>
										<div style="border: none;">
											<div class="list-item-name">
												<div class="legend" style="background-color:#0DCAF0 ;"></div>
												<span>部门管理费</span>
											</div>
											<div class="list-item-num">
												<p class="guanli"></p>
												<span class="guanliNum"> </span>
											</div>
										</div>
									</div>
								</div>
							</div>
						</div>
						<div class="DDSindex-item" style="margin-right: 0;" id="bnemejianjie">
							<div class="item-name">
								<h2>部门间接费用情况</h2>
								<a href="departmental-charge.html">
									<img style="width: 18px;height: 18px;" src="assets/images/index/icon_arrow@2x.png"
										alt="类别对比">
								</a>
							</div>
							<div class="item-con">
								<div class="buemnejianjie-con">
									<div class="jianjie-all">
										<div>
											<span class="name">本月间接费用总额</span>
											<p class="danwei"> <span class="jianjieall"> </span> 万元 </p>
											<div class="than" id="than5">
												<!-- <div class="name-bg_down" >
                        <span>&#9660;</span> <span class="lastmonth-jianjie"> </span>
                      </div>
                      较上月 -->
											</div>
										</div>
									</div>
									<div class="buemnejianjie-item">
										<div>
											<div>工资及福利</div>
											<p class="gongziNum-jianjie"> </p>
										</div>
										<div>
											<div>研制</div>
											<p class="yanzhiNum-jianjie"> </p>
										</div>
										<div style="border: none;">
											<div>管理</div>
											<p class="guanliNum-jianjie"> </p>
										</div>
									</div>
								</div>
								<div class="buemnejianjie-chart" id="buemnejianjie-chart"></div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<script src="assets/js/jquery.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="assets/js/http/api.js" type="text/javascript" charset="utf-8"></script>
		<script src="assets/js/test.js" type="text/javascript" charset="utf-8"></script>
		<script src="assets/plugins/chartlib.js" type="text/javascript"></script>
		<script src="assets/plugins/comm.js" type="text/javascript" charset="utf-8"></script>
		<script src="assets/js/echarts.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="assets/js/src/layui.js" type="text/javascript" charset="utf-8"></script>
		<script src="assets/js/navigation.js" type="text/javascript" charset="utf-8"></script>
		<script src="assets/js/DSS-index.js" type="text/javascript" charset="utf-8"></script>
	</body>

</html>
